import React from 'react';
import { Badge, NavBar, Icon, List, TextareaItem, Progress, WhiteSpace, WingBlank } from 'antd-mobile';
import ContentCard from '../../components/contentCard/index'

import { Link } from 'react-router-dom';
export default class TabBar extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            percent: 60
        }
    }
    render() {
        const Item = List.Item;
        const Brief = Item.Brief;
        return (
            <div style={{ backgroundColor: '#F5F5F9' }}>
                <NavBar
                    icon={<Link to='/home'><Icon type="left" style={{ color: '#fff' }} /></Link>}
                    // onLeftClick={() => console.log('onLeftClick')}
                    rightContent='保存'
                    key={'白粥酱'}
                > <span style={{ fontSize: 16 }}>编辑资料</span>
                </NavBar>
                <List renderHeader={() => '编辑资料'} className="my-list">
                    <Item extra={'extra content'}>头像</Item>
                    <Item extra={'extra content'}>用户名</Item>
                    <Item extra={'extra content'}>性别</Item>
                    <Item extra={'extra content'}>邮箱</Item>
                    <Item extra={'extra content'}>简介</Item>
                </List>
            </div>
        );
    }
}
